*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background: url('../images/three.jpg');
}

@font-face{
    font-family: "myFont";
    src:url(./fonts/书法.ttf)
}

h4{
    text-align: center;
    margin-top: 35px;
    font: 40px myFont;
    text-shadow: 5px 5px 5px paleturquoise;
}

header,footer{
    height: 55px;
}

.box{
    width: 700px;
    height: 860px;
    border-width: 10px;
    border: rgb(30, 29, 29) solid 1px;
    background: rgb(219, 216, 216);
    padding: 10px;
    margin: 60px auto;
}
.container{
    display: grid;
    height: 140px;
    grid-template-areas: 'a b'
                         'c d'
                         'e f';
    gap: 10px; 
}

a{
    text-decoration: none;
}
img{
    width: 210px;
    height: 250px;
}